@extends('simple-pc.views.layout')
@section('content')
    <link rel="stylesheet" href="/themes/simple-pc/static/css/page.css">
    <!--header-->
    <div class="banner" style="background-image: url('{{$category_info['page_info']}}')">
    </div>
    <div id="b001" class="block-con">
        <div class="block-title">{{$vars['about']['title']}}</div>
        @if ($vars['about']['subTitle'])
            <div class="block-sub-title">{{$vars['about']['subTitle']}}</div>
        @endif
        <div class="about-con block-main">
            <div class="about-left">
                <div class="about-desc">
                    {!! $vars['about']['desc'] !!}
                </div>
                <div class="about-right">
                    <img src="{{$vars['about']['img']}}">
                </div>
            </div>
        </div>
    </div>
    <div id="b002" class="block-con">
        <div class="block-title">{{$vars['quality']['title']}}</div>
        @if ($vars['quality']['subTitle'])
            <div class="block-sub-title">{{$vars['quality']['subTitle']}}</div>
        @endif
        <div class="quality-con block-main">
            <img src="{{$vars['quality']['img']}}">
        </div>
    </div>
    <div id="b003" class="block-con">
        <div class="block-title">{{$vars['contact']['title']}}</div>
        @if ($vars['contact']['subTitle'])
            <div class="block-sub-title">{{$vars['contact']['subTitle']}}</div>
        @endif
        <div class="contact-con clearfix">
            <div class="contact-left">
                <img src="{{$vars['contact']['img']}}">
            </div>
            <div class="contact-right">
                {!! $vars['contact']['desc'] !!}
            </div>
        </div>
    </div>
@endsection